<template>
  <div>
    <span class="iconfont return" @click="up">&#xe61e;</span>
    <topnav v-bind:title="navTitle"></topnav>
    <el-tabs v-model="orderform" type="card" @tab-click="handleClick">
      <el-tab-pane label="今天" name="first">
        <div class="time">
          <span>统计时间：</span><br><br>
          <span>2018-10-10 00:00 到 2018-10-10 23:59</span>
        </div>
          <!--订单组件-->
         <orderdetail></orderdetail>
      </el-tab-pane>
      <el-tab-pane label="选择周" name="second">
        <div class="time">
          <span>统计时间：</span><br><br>
            <div class="block">
              <el-date-picker
                v-model="noweek"
                type="week"
                format="yyyy 第 WW 周"
                placeholder="选择周">
              </el-date-picker>
            </div>
        </div>
          <!--订单组件-->
         <orderdetail></orderdetail>
      </el-tab-pane>
      <el-tab-pane label="选择月" name="third">
       <div class="time">
          <span>统计时间：</span><br><br>
          <div class="block">
            <el-date-picker
              v-model="nowmonth"
              type="month"
              placeholder="选择月">
            </el-date-picker>
          </div>
        </div>
          <!--订单组件-->
         <orderdetail></orderdetail>
      </el-tab-pane>
      <el-tab-pane label="自定义" name="fourth">
        <div class="time">
          <span>统计时间：</span><br><br>
          <div class="block">
            <el-date-picker
              type="dates"
              v-model="nowdate"
              placeholder="选择一个或多个日期">
            </el-date-picker>
          </div>
        </div>
          <!--订单组件-->
         <orderdetail></orderdetail>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import topnav from '@/components/topnav'
import orderdetail from '@/components/orderdetail'
import Router from '../../router'
export default {
  components: {
    topnav,
    orderdetail
  },
  data () {
    return {
      navTitle: '订单',
      orderform: 'first',
      nowmonth: '',
      nowdate: '',
      noweek: ''
    }
  },
  methods: {
    handleClick (tab, event) {
    },
    up () {
      Router.push('/index')
    }
  }
}
</script>
<style lang="stylus" scoped>
.time
  padding 0.1rem 0.2rem 0
  border-bottom  .02rem solid #cccccc
  padding-bottom 0.2rem
  font-size 0.3rem
 .return
   position absolute
   margin-top 0.8rem
   margin-left 0.5rem
   color #ffffff
</style>
